import React, { FC } from "react"
import { Outlet } from "react-router-dom"
import { Button } from "antd"
import { PlusOutlined } from "@ant-design/icons"
import styles from "./ManageLayout.module.scss"

const ManageLayout: FC = () => {
  return (
    <div className={styles.container}>
      <div className={styles.left}>
        <Button type="primary" size="large" icon={<PlusOutlined />}>
          新建问卷
        </Button>
        <button>创建问卷</button>
        
        <Button>我的问卷</Button>
        <a href="#">星标问卷</a>
        <a href="#">回收站</a>
      </div>
      <div className={styles.right}>
        <Outlet></Outlet>
      </div>
    </div>
  )
}
export default ManageLayout
